				<div class="row">
					<div class="jumbotron">
						<h3><strong><?php echo $evaluacion;?></strong></h3>

					</div>				

				</div>
				
		
					
					<!-- BEGIN SiTE INFORMATIONS -->
					<div class="row">
						<div class="col-sm-3" >
							<div class="the-box no-border bg-success tiles-information">
								<i class="fa fa-users icon-bg"></i>
								<div class="tiles-inner text-center">
									<p>TOTAL DE PERSONAS</p>
									<h1 class="bolded"><? echo $total; ?></h1> 
		
								</div><!-- /.tiles-inner -->
							</div><!-- /.the-box no-border -->
						</div><!-- /.col-sm-3 -->
						<div class="col-sm-3" id="evaluadas">
							<div class="the-box no-border bg-primary tiles-information">
								<i class="fa fa-bar-chart-o icon-bg"></i>
								<div class="tiles-inner text-center">
									<p>PERSONAS EVALUADAS</p>
									<h1 class="bolded"><? echo $evaluadas; ?></h1> 
	
								</div><!-- /.tiles-inner -->
							</div><!-- /.the-box no-border -->
						</div><!-- /.col-sm-3 -->
						<div class="col-sm-3" id="por_evaluar">
							<div class="the-box no-border bg-danger tiles-information">
								<i class="fa fa-clock-o icon-bg"></i>
								<div class="tiles-inner text-center">
									<p>PERSONAS POR EVALUAR</p>
									<h1 class="bolded"><? echo $por_evaluar; ?></h1> 

								</div><!-- /.tiles-inner -->
							</div><!-- /.the-box no-border -->
						</div><!-- /.col-sm-3 -->
						<div class="col-sm-3" id="no_evaluadas">
							<div class="the-box no-border bg-warning tiles-information">
								<i class="fa fa-users icon-bg"></i>
								<div class="tiles-inner text-center">
									<p>PERSONAS NO EVALUADAS</p>
									<h1 class="bolded"><? echo $no_asignados; ?></h1> 
	
								</div><!-- /.tiles-inner -->
							</div><!-- /.the-box no-border -->
						</div><!-- /.col-sm-3 -->
					</div><!-- /.row -->
					<!-- END SITE INFORMATIONS -->
				
					
					<div class="row">
						<div class="col-lg-8">
							
							<!-- BEGIN CHART WIDGET 1 -->
							<div class="panel panel-info panel-no-border panel-square">
							  <div class="panel-heading">
								<div class="right-content">

								</div>
								<h3 class="panel-title">EVALUACIONES REALIZADAS EN LOS ULTIMOS DIAS</h3>
							  </div><!-- /.panel-heading -->
								<div class="the-box no-border full no-margin">									
									<div class="the-box no-border bg-info no-margin full">
										<div id="morris-widget-1" style="height: 250px;"></div>

									</div><!-- the-box no-border bg-info no-margin full -->
									<div class="the-box no-border bg-dark no-margin chart-des">
										<div class="row">
											<div class="col-xs-7">
												<h3 class="bolded">Ultimo día</h3>
							
											</div><!-- /.col-xs-7 -->
											<div class="col-xs-5 text-right">
												<h3 class="bolded text-success"><?php echo $ultimo;?></h3>							
											</div><!-- /.col-xs-5 -->
										</div><!-- /.row -->
									</div><!-- the-box no-border bg-dark no-margin chart'des-->
									
								</div><!-- /.the-box no-border .full no-margin -->
							</div><!-- /panel panel-info panel-no-border panel-square -->
							<!-- END CHART WIDGET 1 -->
							
							<hr />							
						</div><!-- /.col-sm-8 -->
						<div class="col-lg-4"></div>
					</div><!-- /.row -->
				</div><!-- /.container-fluid -->
<script type="text/javascript">
		///para recargar pagina y que los resultados se esten actualizando constantemente cada 60 segundos
	//setInterval('location.reload();',60000)

	////////////////////////Para grafico


	$( document ).ready(function() {
   
			/** BEGIN WIDGET MORRIS JS FUNCTION **/

	Morris.Line({
	  element: 'morris-widget-1',
	  data:<?php echo $historico ?>,
	  /*data: [
		{ y: '2000', a: 34},
		{ y: '2001', a: 55},
		{ y: '2002', a: 60},
		{ y: '2003', a: 65},
		{ y: '2004', a: 20},
		{ y: '2005', a: 75},
		{ y: '2006', a: 55},
		{ y: '2007', a: 77},
		{ y: '2008', a: 90},
		{ y: '2009', a: 125},
		{ y: '2010', a: 100},
		{ y: '2011', a: 15},
		{ y: '2012', a: 20},
		{ y: '2013', a: 85}
	  ], */
		xkey: 'y',
		ykeys: ['a'],
		labels: ['Evaluaciones realizadas'],
		resize: true,
		lineColors: ['#1F91BD'],
		pointFillColors :['#fff'],
		pointStrokeColors : ['#3EAFDB'],
		gridTextColor: ['#fff'],
		pointSize :3,
		grid: true
	});
});
	$('#evaluadas').click(function (e) {
		cargar_modal('inicio/evaluadas');
	});
	$('#por_evaluar').click(function (e) {
		cargar_modal('inicio/por_evaluar');
	});
	$('#no_evaluadas').click(function (e) {
		cargar_modal('inicio/no_evaluadas');
	});
</script>